<template>
  <div class="foot">
    <div class="foot-text">
      <ul class="foot-text-ul">
        <li><a href="#">公司介绍</a></li>
        <li><a href="#">新闻动态</a></li>
        <li><a href="#">联系方式</a></li>
        <li><a href="#">小奇艺招聘</a></li>
        <li><a href="#">Investor Relations</a></li>
        <li><a href="#">Media Center</a></li>
        <li><a href="#">内容合作</a></li>
        <li><a href="#">广告合作</a></li>
        <li><a href="#">会员合作</a></li>
        <li><a href="#">技术合作</a></li>
        <li><a href="#">小奇艺号</a></li>
        <li><a href="#">互动视频标准</a></li>
        <li><a href="#">用户协议</a></li>
      </ul>
      <ul class="foot-text-ul2">
        <li><a href="#">隐私政策</a></li>
        <li><a href="#">帮助与反馈</a></li>
        <li><a href="#">侵权举报与投诉</a></li>
      </ul>
    </div>
    <div class="ban"></div>
    <div>
      <small>反盗版和反盗链权声明</small>
    </div>
  </div>
</template>

<script>
export default {
  name:'PageFooting'
}
</script>

<style scoped>
  .foot{
    width: 100%;
    height: 280px;
    background: rgb(202, 199, 199);
    position: relative;
    margin-top: 20px;
  }
  .foot-text-ul{
    height: 30px;
    display: flex;
    justify-content: space-evenly;
    position: absolute;
    margin-top: 50px;
  }
  .foot-text-ul li{
    margin:0 14px;
  }
  .foot-text-ul2{
    display: flex;
    justify-content:center;
    position: absolute;
    left: 0;
    right: 0;
    top: 100px;
  }
  .foot-text-ul2 li{
    margin:0 14px; 
  }
  .foot-text a{
    color: #000;
  }
  .foot-text a:hover{
    color: rgb(107, 139, 241);
  }

  .ban{
    width: 90%;
    border-top: 2px solid rgb(190, 186, 186);
    position: absolute;
    left: 0;
    right: 0;
    margin: 170px auto;
  }
  small{
    width: 90%;
    position: absolute;
    left: 0;
    right: 0;
    margin: 230px auto;
    text-align: center;
  }
</style>